<script setup lang="ts">
import {WebDiskSpaceApi, WebDiskSpaceVO} from "@/api/ai/webdiskspace";
import { ArrowDown } from '@element-plus/icons-vue'
import DirAndFile from "@/views/ai/webdisk/dir-and-file.vue";
import { ro } from "element-plus/es/locale";

  const router = useRouter();
  const route = useRoute();
  const space=route.params.space as string;
  const info=ref<WebDiskSpaceVO>()
const flowId=ref(route.query.flowId as string)
const useFlow=ref(route.query.useFlow as string)
 provide('useFlow',useFlow.value)
  onMounted(async ()=>{
    info.value=await WebDiskSpaceApi.getWebDiskSpace(space as string)
    console.log('info', flowId.value,space);
  })
</script>

<template>
  <ContentWrap style="height: 100%;overflow: auto">
    <div class="space_title">{{info?.name}}</div>
    <dir-and-file :space="info" :id="space" :flowId="flowId"/>
  </ContentWrap>
</template>

<style scoped lang="scss">
.space_title{
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 400;
}
</style>
